// pages/map/map.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    makers:[
      {
        id:1,
        longitude:"118.755502", 
        latitude:"32.016137",
        title:"千锋教育南京校区",
        iconPath:"/assets/icons/maps.png",
        width:50,
        height:50
      }
    ],
    latitude:"",
    longitude:"",
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    //调用微信的api 获取当前的定位坐标
    wx.getLocation({
      isHighAccuracy:true,
      success:(res)=>{//成功回调
        console.log(res);
       
        console.log(this);
        
        //小程序更改data的方法 setData
        //更改动态的值 必须调用setData才能进行视图更新
        //调用setData传入的对象会和page中定义的data合并
        // console.log(this.data.makers);
        this.data.makers[0].longitude = res.longitude;
        this.data.makers[0].latitude = res.latitude;
        this.data.makers[0].title = "燕子矶"
        
        //注意:
        //1.如果要更新data,就必须调用setData这个方法,并且里面传入一个对象

        //2.传入的对象会和data对象进行浅合并

        //3.如果想要让视图更新,必须调用setData,并且传入一个更新之后的值

        //4.调用微信api后,this指向undefined,那么我们可以传入箭头函数就可以解决这个问题

        //5.不要写错了单词,否则剁手

        this.setData({
          latitude:res.latitude,
          longitude:res.longitude,
          makers:this.data.makers
        })

        
      },
      fail(err){ //失败回调
        console.log(err);
        
      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})